/** @type {import('tailwindcss').Config} */
export default {
    content: ["./index.html", "./src/**/*.{js,jsx,ts,tsx}"],
    theme: {
        extend: {
            colors: {
                red: {
                    100: "#fff1f0",
                    200: "#ffccc7",
                    300: "#ffa39e",
                    400: "#ff7875",
                    500: "#ff4d4f",
                    600: "#f5222d",
                    700: "#cf1322",
                    800: "#a8071a",
                    900: "#820014",
                    1000: "#5c0011",
                },
                volcano: {
                    100: "#fff2e8",
                    200: "#ffd8bf",
                    300: "#ffbb96",
                    400: "#ff9c6e",
                    500: "#ff7a45",
                    600: "#fa541c",
                    700: "#d4380d",
                    800: "#ad2102",
                    900: "#871400",
                    1000: "#610b00",
                },
                orange: {
                    100: "#fff7e6",
                    200: "#ffe7ba",
                    300: "#ffd591",
                    400: "#ffc069",
                    500: "#ffa940",
                    600: "#fa8c16",
                    700: "#d46b08",
                    800: "#ad4e00",
                    900: "#873800",
                    1000: "#612500",
                },
                gold: {
                    100: "#fffbe6",
                    200: "#fff1b8",
                    300: "#ffe58f",
                    400: "#ffd666",
                    500: "#ffc53d",
                    600: "#faad14",
                    700: "#d48806",
                    800: "#ad6800",
                    900: "#874d00",
                    1000: "#613400",
                },
                yellow: {
                    100: "#feffe6",
                    200: "#ffffb8",
                    300: "#fffb8f",
                    400: "#fff566",
                    500: "#ffec3d",
                    600: "#fadb14",
                    700: "#d4b106",
                    800: "#ad8b00",
                    900: "#876800",
                    1000: "#614700",
                },
                lime: {
                    100: "#fcffe6",
                    200: "#f4ffb8",
                    300: "#eaff8f",
                    400: "#d3f261",
                    500: "#bae637",
                    600: "#a0d911",
                    700: "#7cb305",
                    800: "#5b8c00",
                    900: "#3f6600",
                    1000: "#254000",
                },
                green: {
                    100: "#f6ffed",
                    200: "#d9f7be",
                    300: "#b7eb8f",
                    400: "#95de64",
                    500: "#73d13d",
                    600: "#52c41a",
                    700: "#389e0d",
                    800: "#237804",
                    900: "#135200",
                    1000: "#092b00",
                },
                cyan: {
                    100: "#e6fffb",
                    200: "#b5f5ec",
                    300: "#87e8de",
                    400: "#5cdbd3",
                    500: "#36cfc9",
                    600: "#13c2c2",
                    700: "#08979c",
                    800: "#006d75",
                    900: "#00474f",
                    1000: "#002329",
                },
                blue: {
                    100: "#e6f4ff",
                    200: "#bae0ff",
                    300: "#91caff",
                    400: "#69b1ff",
                    500: "#4096ff",
                    600: "#1677ff",
                    700: "#0958d9",
                    800: "#003eb3",
                    900: "#002c8c",
                    1000: "#001d66",
                },
                geekblue: {
                    100: "#f0f5ff",
                    200: "#d6e4ff",
                    300: "#adc6ff",
                    400: "#85a5ff",
                    500: "#597ef7",
                    600: "#2f54eb",
                    700: "#1d39c4",
                    800: "#10239e",
                    900: "#061178",
                    1000: "#030852",
                },
                purple: {
                    100: "#f9f0ff",
                    200: "#efdbff",
                    300: "#d3adf7",
                    400: "#b37feb",
                    500: "#9254de",
                    600: "#722ed1",
                    700: "#531dab",
                    800: "#391085",
                    900: "#22075e",
                    1000: "#120338",
                },
                magenta: {
                    100: "#fff0f6",
                    200: "#ffd6e7",
                    300: "#ffadd2",
                    400: "#ff85c0",
                    500: "#f759ab",
                    600: "#eb2f96",
                    700: "#c41d7f",
                    800: "#9e1068",
                    900: "#780650",
                    1000: "#520339",
                },
            }
        },
    },
    plugins: [],
};
